.common-page-content {
    width: 100%;
    // margin: 30px auto;
    // overflow-y: auto !important;
    overflow-y: scroll !important;
    height: 100%;
    .content-wrap {
      width: calc(50% - 4px);
      margin: 30px auto;
    }
  }
  .ruleItem {
    width: 100%;
    ::v-deep .el-form-item__content {
      width: calc(100% - 110px) !important;
    }
  }
  
  .ruleItem2 {
    width: 60%;
    ::v-deep .el-form-item__content {
      width: calc(100% - 110px) !important;
    }
  }
  
  .ruleItem3 {
    width: 35%;
    margin-right: 0;
    float: right;
    ::v-deep .el-form-item__content {
      width: 100% !important;
    }
  }
  .el-form--inline .ruleItem3.el-form-item{
    margin-right: 0;
  }
  
  .ruleItem4 {
    width: 40%;
    margin-right: 0;
    ::v-deep .el-form-item__content {
      width: 100% !important;
    }
  }
  
  .ruleItem5 {
    width: 45%;
    margin-right: 0;
    ::v-deep .el-form-item__content {
      width: calc(100% - 10px) !important;
    }
    ::v-deep .el-form-item__error{ 
      margin-left: 10px;
    }
  }
  .disabledAdd{
    opacity: 0;
    pointer-events: none;
  }
  
  .ruleItem6 {
    width: 100%;
    margin-right: -100px !important;
    display: flex;
    ::v-deep .el-form-item__content {
      width: calc(100% - 110px) !important;
    }
  }
  
  .split-line {
    border: 1px #ddd dashed;
    margin-bottom: 10px;
    width: calc(100% - 110px);
    float: right;
  }
  
  .rule-configure{ 
    color: var(--theme-color);
    cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 1px;
  }